<template>
  <div class="coupon-container">
    <!-- 优惠券状态 -->
    <van-tabs class="coupon-tab" sticky swipeable color="#e6b873" line-height="2" v-model="active">
      <div slot="nav-left" class="nav-back" @click="$router.back()">
        <van-icon name="arrow-left" />
      </div>
      <van-tab title="领券中心">
        <couponList></couponList> 
      </van-tab>
      <van-tab title="可使用">
        <van-empty
          image="imgs/empty.png"
          description="暂无优惠券~"
        />
      </van-tab>
      <van-tab title="已使用">
        <van-empty
          image="imgs/empty.png"
          description="暂无优惠券~"
        />
      </van-tab>
      <van-tab title="已失效">
        <van-empty
          image="imgs/empty.png"
          description="暂无优惠券~"
        />
      </van-tab>
    </van-tabs>

  </div>
</template>

<script>
import couponList from './list.vue';

export default {
  components: {
    couponList
  },
  name: 'seckill',
  data () {
    return {
      active: 0
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss">
.coupon-container{

}
</style>
